<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.2.0/markdown-it.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/markdown-it@12.2.0/dist/markdown-it.min.js"></script>


<script src="../../node_modules/markdown-it-emoji/dist/markdown-it-emoji.js"></script>
<!--<script src="../../node_modules/markdown-it-emoji/dist/markdown-it-emoji-light.js"></script>-->
<!--
Full (default), with all github supported emojis.
Light, with only well-supported unicode emojis and reduced size.
Bare, without included emojis or shortcuts. This requires defining your own definitions and shortcuts.
-->
<!--
var md = require('markdown-it')();
var emoji = require('markdown-it-emoji');
// Or for light version
// var emoji = require('markdown-it-emoji/light');
-->

<div id="markdownbox"></div>
<script>
  var md = window.markdownit();

  md.use(
    window.markdownitEmoji,
    {

    }
  )

/*
Options are not mandatory:

defs (Object) - rewrite available emoji definitions
  - example: { name1: char1, name2: char2, ... }
enabled (Array) - disable all emojis except whitelisted
shortcuts (Object) - rewrite default shortcuts
  - example: { "smile": [ ":)", ":-)" ], "laughing": ":D" }
*/

  //shortcuts: https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/shortcuts.js
  //
  //支持的所有表情: https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/full.json
  //             要用什么直接在这里↑拷 即可
  var result = md.render(
`:) >:( >:-( 😀 🧡
`);
  console.log('result:',result);
  markdownbox.innerHTML = result;
</script>
</body>
</html>
